<template>
  <ul class="cinemalist">
    <li class="cinemaitem">
        <h3>成都C+影城<p>新人￥26起</p></h3>
        <p class="p1">温江区温江区温江区温江区温江区温江区温江区温江区</p>
        <div class="cinema-support">
          <div class="cinema-tags">
            <div class="tag1">可退票</div>
            <div class="tag1">可改签</div>
            <div class="tag1">VIP厅</div>
          </div>
        </div>
    </li>
  </ul>
</template>

<script>
export default {
  props: {
    cinemalist: {
      type: Array,
      default: () => {
        return []
      }
    }
  }
}
</script>

<style lang="scss">
@import '@/lib/reset.scss';
.cinemalist {
  @include clearfix();
  height:5005px;
  .cinemaitem {
    height:100px;
    h3 {
      display:flex;
      justify-content: space-between;
      font-size:16px;
      height:40px;
      line-height:40px;
      margin-left:10px;
      p{
        color:#ff2e62;
        font-size:12px;
        margin-right:15px;
      }
    }
    .p1 {
      width:200px;
      color:#666;
      margin-left:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size:12px;
      white-space: nowrap;
    }
    .cinema-support {
      margin-top:10px;
      display: flex;
      align-items: flex-start;
      margin-left:10px;
      .cinema-tags {
        display: flex;
        justify-content: space-around;
        .tag1 {
          color:#999;
          background-color: transparent;
          position:relative;
           flex:1;
           font-size:12px;
           font-style:normal;
           white-space:nowrap;
           height:15px;
           line-height:15px;
           padding:0 3px;
           border-radius:2px;
           text-align: center;
           user-select: none;
           text-overflow: ellipsis;
           box-sizing:border-bpx;
           border: 1px solid hsla(0,0%,60%,.4);
        }
      }
    }
  }
}
</style>
